<template>
	<view class="">
		<view class="beijse">
			<view class="ffffff radius mainpadding">
				<view class="flexbetween">
					<view class="">
						<view class="sanshier xiaohei nofonweight">我的佣金</view>
						<view class="hendtext xiaohei nofonweight margin_top">100</view>
					</view>
					<view class="tixbtn" @click="tztixian">点击提现</view>
				</view>
			</view>
		</view>
		<!--交易明细  -->
		<view class="mainpadding2">
			<view class="mainpadding ffffff radius">
				<view class="sanshier xiaohei fonweight">佣金明细</view>
				<view class="xiahuaxian flexbetween margin_top" v-for="item in 2" @click="tzxq">
					<view class="flexleft">
						<view class="shilitu margin_right1">
							<image src="../static/image/system/ms.png" mode=""></image>
						</view>
						<view class="">
							<view class=" ershiba xiaohei nofonweight ">XXX课程名称</view>
							<view class="margin_top1 strongtext xiaohui nofonweight ">李木子</view>
						</view>
					</view>
					<view class="">
						<view class=" sanshier xiaohei fonweight textright">+100</view>
						<view class="margin_top1 strongtext xiaohui nofonweight ">2022-11-22 12：00</view>
					</view>

				</view>
			</view>
		</view>

	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 跳转提现
			tztixian() {
				uni.navigateTo({
					url: '/pages_mypage/fenxiaotixian'
				})
			},
			// 跳转详情
			tzxq() {
				uni.navigateTo({
					url: '/pages_mypage/fenxiaoxq'
				})
			},
			jumper(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.shilitu {
		width: 110rpx;
		height: 88rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.hendtext {
		font-size: 52rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #000000;
	}

	.wushi {
		width: 50%;
	}

	.tixbtn {
		width: 176rpx;
		height: 48rpx;
		background: #1BA95B;
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.chonbtn {
		width: 176rpx;
		height: 72rpx;
		background: #F76222;
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.beijse {
		padding: 30rpx;
		background: linear-gradient(180deg, #1BA95B 0%, #F9F9F9 100%);
	}

	page {
		background: #F9F9F9;
	}
</style>